$(function () {
    // 监听全选按钮状态的变化
    $('.checkall').click(function () {
        $('.j-checkbox').prop('checked', $(this).prop('checked'));
        $('.checkall').prop('checked', $(this).prop('checked'));
        let checkedNum = $('.j-checkbox').length;
        if ($(this).prop("checked")) {
            $('.checkall').prop("checked", true);
            $('#count').text(checkedNum);
        }
        else {
            $('.checkall').prop("checked", false);
            $('#count').text(0);
        }
        getSum();
    });
    //全选选中和取消改变商品总数
    $('.j-checkbox').click(function () {
        //勾选全部小复选框时，将全选框勾选
        getSum();
        if ($('.j-checkbox:checked').length === $('.j-checkbox').length) {
            $('.checkall').prop('checked', true)
        } else {
            $('.checkall').prop('checked', false)
        }
    });
    //商品总数
    // getSum();
    function getSum() {
        let count = 0;
        $('.j-checkbox:checked').parents('.cart-item').find('.itxt').each(function (i, ele) {
            count += parseInt($(ele).val());
        })
        $('#count').text(count);
        //总金额
        let money = 0;
        $(".j-checkbox:checked").parents(".cart-item").find(".p-sum").each(function (i, ele) {
            money += parseFloat($(ele).text().substr(1));
        })
        $("#money").text("￥" + money.toFixed(2));
    }


    // 商品数量的增加和减少
    $('.increment').click(function () {
        let $input = $(this).siblings('.itxt');
        let num = $input.val();
        num++;
        let checkedNum = $('.j-checkbox').length;
        checkedNum++;
        $input.val(num);
        // 修改小计
        let $price = $(this).closest('.p-num').siblings('.p-price');
        let price = $price.text().substr(1, $price.text().length - 1);
        let sum = Number(price) * num;
        $(this).closest('.p-num').siblings('.p-sum').text('￥' + sum.toFixed(2));

        // let checkedNum = $('.j-checkbox').length;
        // $('#count').text(checkedNum + num + 1);
        getSum();
    });

    $('.decrement').click(function () {
        let $input = $(this).siblings('.itxt');
        let num = $input.val();
        if (num > 1) {
            num--;
            $input.val(num);
            let $price = $(this).closest('.p-num').siblings('.p-price');
            let price = $price.text().substr(1, $price.text().length - 1);
            let sum = Number(price) * num;
            $(this).closest('.p-num').siblings('.p-sum').text('￥' + sum.toFixed(2));
            // let checkedNum = $('.j-checkbox').length;
            // $('#count').text(checkedNum + num - 1);
            getSum();
        }
    });

    //删除当前商品
    $('.p-action').click(function () {
        let a = $(this).parent();
        a.remove();
        getSum();
    })
    //删除选中商品
    $('.remove-batch').click(function () {
        $('.j-checkbox:checked').parents('.cart-item').remove();
        getSum();
    })
})

